*{
    margin: 0px;
    padding: 0px;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
//@color:#B81B22;
//@bk:#CCCCCC;
//@bj:#F7F7F7;
//.bor(@px:lpx,@s:solid,@cor:#CCCCCC){
//  border: @px @s @cor;
//}


#dl_box{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #CCCCCC;
    background: #F7F7F7;
    .dl{
        width: 1200px;
        height: 30px;
        margin: 0px auto;
        font-size: 12px;
        .left{
            float: left;
            line-height: 30px;
            margin-left: 750px;
            color: #808080;
            span{
                margin-right: 10px;
            }
        }
        .right{
            float: right;
            line-height: 30px;            
            position: relative;           
            a{
             color: #808080;
             padding-right: 8px;
             i{
                 color: #B81B22;
                 font-size: 16px;
               }
            }
            .dd{
                 &:hover{               
                    color: #B81B22;
                }                  
            }         
            &:hover{
                .gg{
                    color: #B81B22;  
                }
            }
            .erji{
                display: none;
                width: 150px;
                height: 165px;
                position: absolute;
                top: 31px;
                right: 30px;
            }
            .wx{
                &:hover{
                    .erji{
                        display: block;
                        z-index: 99;
                    }
                }
            }   
        }        
    }
}

//搜索框
#ss_box{
    width: 100%;
    height: 60px;
    .ss{
       height: 60px;
       width: 1200px;
       margin: 0px auto;
//     outline: 1px solid red;
       margin-top: 30px;
//     margin-bottom: 50px;
       position: relative;
       .up{
           width: 438px;
           height: 28px;
           float: right;
           .tex{
               list-style: none;
               border: 1px solid #CCCCCC;
               width: 261px;
               height: 26px;
               float: left;
               text-indent: 1em;
           }
           .but{
               list-style: none;
               border: 1px solid #CCCCCC;
               background: #B81B22;
               color: #ffffff;
               width: 49px;
               height: 28px;
               float: left;
           }
           .gwch{
               height: 26px;
               width: 96px;              
               float: left;
               margin-left: 20px;                    
               border: 1px solid #B81B22;
               position: relative;
               a{
                  display: inline-block;
                  color: #ffffff;
                  width: 86px;
                  padding-left: 10px;                  
                  line-height: 26px;
                  height: 26px;
                  background: #B81B22;                  
                  font-size: 12px;
                  position: absolute;
                  z-index: 93;
               }
               &:hover a{
                    background: #ffffff;
                    color: #B81B22;                    
                    height: 30px;                    
                   }
            }
           p{
               width: 230px;
               height: 23px;
               border: 1px solid #B81B22;
               position: absolute;
               right: -1px;
               top: 26px;
               display: none;
               color: #000000;
               font-size: 12px;
               background: #ffffff;
               z-index: 19;
           }                      
            &:hover{
               p{
                   display: block;                  
                }                  
           
           }
           
       }
       .down{
           width: 440px;
           height: 18px;
           position: absolute;
           top: 32px;
           font-size: 12px;
           right: 0px;
           line-height: 18px;
           color: #727171;
           a{
               color: #727171;
               padding-left: 6px;
           }
           p{
               padding-left: 20px;
               padding-top: 3px;
           }
       }       
    }
}
//导航条
#dh_box{
    width: 100%;
    height: 46px;
    .dh{
        width: 1200px;
        height: 46px;
        margin: 0px auto;
        text-align: center;
        margin-top: 20px;
        img{
            width: 185px;
            height: 46px;
            float: left;
            padding-right: 30px;           
        }
        
        li{
            float: left;
            width: 107px;
            position: relative;
            color: #727171;
            .iconfont{
               color: #B81B22;
               position: absolute;
               right: 20px;
               top: 0px;
               font-size: 18px;               
            }
            .hdh{
                width: 107px;
                float: left;
                height: 46px;
                font-size: 16px;
                line-height: 56px;
                span{
                    color: #727171;
                    float: right;
                }
            }           
            &:hover .hdh{
                color: #B81B22;
            }
            .dhlb{
                position: absolute;
                left: 0px;
                top: 46px;
                width: 106px;
                background: #ffffff;
                text-align: center;
                display: none;
                z-index: 99;
                .yc{
                    width: 106px;
                    height: 5px;
                    background: #B81B22;
                    margin-bottom: 10px;
                }
                .lb{
                    border-bottom: 1px solid #F7F7F7;
                    border-left: 1px solid #F7F7F7;
                    border-right: 1px solid #F7F7F7;
                    a{
                      display: block;
                      height: 35px;
                      line-height: 32px;
                      &:hover{
                          color: #B81B22;
                      }
                    } 
                }                   
            }

                                                
        }
    }
}
//轮播图
#lb_box{
    width: 100%;
    height: 535px;
    margin-top: 30px;
    margin-bottom: 30px;
    .lb{
        width: 1200px;
        height: 535px;
        margin: 0px auto;
        position: relative;
        img{
            display: none;
            width: 1200px;
            height: 535px;
            position: absolute;
            top: 0px;
            left: 0px;
        }
        .le{
            position: absolute;
            top: 40%;
            left: 0px;                        
        }
        
        .ri{
            top: 40%;
            right: 0px;            
            position: absolute;
        }
        .active{
            background: #B81B22;
        }
        i{
            color: #727171;
            font-size: 60px;
            font-weight: bold; 
            &:hover{
                color: #B81B22;
            }
        }
        ul{
            width: 300px;
            height: 50px;
            position: absolute;
            top: 500px;
            left: 45%;
                li{
                width: 12px;
                height: 12px;
                background: #dddddd;
                border-radius: 50%;                           
                float: left;
                margin-right: 20px;
               }
        }     
    }
}

//返减充值
#fj_box{
    width: 100%;
    height: 80px;
//  margin-top: 5px;
    .fj{
        width: 1200px;
        height: 80px;
        margin: 0px auto;
    }
}
//每日秒杀倒计时
#ms_box{
    width: 100%;
    height: 75px;
    .ms{
        width: 1200px;
        height: 64px;
        margin: 0px auto;
        position: relative;
        span{
            color: #ffffff;
            float: right;
            position: absolute;
            font-size: 18px;
            top: 20px;
            right: 200px;
        }
    }
}
//倒计时下面的产品图
#chp1_box{
    width: 100%;
    height: 327px;
    .chp1{
        width: 1200px;
        height: 327px;
        margin: 0px auto;
        ul{
            width: 1211px;
            height: 327px;
            margin: 0px auto;
            li{
                width: 232px;
                height: 327px;
                float: left;
                margin-right: 10px;
                position: relative;
                img{
                    width: 232px;
                    height: 232px;
                }
                .xq{
                    color: #474747;
                    font-size: 16px;
                    height: 45px;
                }
                s{
                    color: #D3D3D3;
                }
                p{
                    color: #BB2B34;
                    width: 232px;              
                    .q{
                        font-weight: bold;
                        float: left;
                    }
                    .cz{
                        font-size: 16px;
                        color: #474747;
                        position: absolute;
                        right: 10px;
                        bottom: 3px;
                        a{
                            font-size: 24px;
                            color: #bb2b34;
                            font-weight: bolder;
                        }
                    }                                  
                }                       
            }
        }           
    }
}
//T血 熊笨熊调用 减免的
//熊笨熊下面的图片
#xbt_box{
    width: 100%;
    height: 425px;
    margin-top: 20px;
    .xbt{
        width: 1200px;
        height: 425px;
        margin: 0px auto;
//      outline: 1px solid red;
        ul{
            li{
                width: 267px;
                height: 425px;
                float: left;
                margin-left: 23px;
                margin-right: 6px;
            }
        }
    }
}
//新品预售
//新品图预售
//优选推荐
#yx_box{
    width: 100%;
    height: 1148px;
    .yxtj{
        height: 100px;
        width: 1200px;
        margin: 0px auto;
        text-align: center;
        line-height: 120px;
        font-size: 18px;
        color: #9a9a9a;
    }     
    .yx{
        width: 1200px;
        height: 509px;
        margin: 0px auto;
        margin-top: 10px;
       ul{
           .left{
               width: 590px;
               height: 507px;
               border: 1px solid #E8E7EC;
               float: left;
               margin-right: 15px;
               img{
                   width: 590px;
                   height: 440px;
               }
               p{
                   width: 564px;
                   height: 45px;                  
                   font-size: 14px;
                   padding-left: 12px;
                   padding-right: 12px;
                   padding-top: 20px;
                   span{
                       float: right;
                       color: #a10000;
                   }
               }
           }
           .center{
               width: 290px;
               float: left;
               .c_up{
                   width: 290px;
                   height: 244px;
                   border: 1px solid #E8E7EC;
                   margin-bottom: 15px;                                     
               }
               img{
                    width: 290px;
                    height: 179px;
                    }                  
                p{
                    width: 264px;
                    height: 69px;
                    line-height: 69px;                  
                    font-size: 14px;
                    padding-left: 12px;
                    padding-right: 12px;
                      span{
                          float: right;
                          color: #a10000;
                      } 
               }
               .c_down{
                   width: 290px;
                   height: 244px;
                   border: 1px solid #E8E7EC;                                      
               }                                 
           }
            .right{
                width: 284px;
                float: left;
                border: 1px solid #E8E7EC;
                margin-left: 15px;
                img{
                    width: 284px;
                    height: 440px;
                }
                p{
                    width: 264px;
                    height: 60px;
                    line-height: 60px;                  
                    font-size: 14px;
                    padding-left: 12px;
                    padding-right: 12px;
                      span{
                          float: right;
                          color: #a10000;
                      } 
               }              
            }    
       }      
    }
}
//下装推荐

#xzh_box{
    width: 100%;
    height: 90px;
    .xzh{
        width: 1200px;
        margin: 0px auto;
        line-height: 80px;
        text-align: center;
        height: 80px;
        font-size: 18px;
        color: #9a9a9a;        
    }
}

#xzht_box{
    width: 100%;
    height: 509px;
    margin-bottom: 10px;
//  border: 1px solid red;
    .xzht{
        width: 1200px;
        margin: 0px auto;
        height: 509px;
        ul{
            width: 1220px;
            height: 509px;
            li{
                float: left;
                width: 283px;
                margin-right: 20px;
                height: 509px;
                border: 1px solid #E8E7EC;
                p{
                    width: 255px;
                    height: 69px;
                    padding-top: 20px;
                    padding-left: 12px;
                    font-size: 14px;
                    span{
                        float: right;
                        color: #A10000;
                    }
                }
            }
        }
    }
}
//更多精品调用
//更多精品图
#gd_box{
    width: 100%;
    height: 600px;
    .gd{
        width: 1200px;
        height: 550px;
        margin: 0px auto;
        ul{
            width: 1215px;
            height: ;
            li{
                width: 385px;
                height: 275px;
                float: left;
                margin-right: 20px;
                margin-top: 20px;
            }
        }
    }
}
//在线客服  关于凡客

#zx_box{
    width: 100%;
    height: 284px;
    margin-top: 30px;
    .zx{
        width: 1200px;
        height: 282px;
        margin: 0px auto;
        border: 1px solid #DADADB;
        .up{
            width: 1118px;
            height: 138px;
            margin: 0px auto;
            margin-top: 30px;
            margin-bottom: 23px;
            ul{
                li{
                    width: 371px;
                    height: 138px;
                    float: left;
                    text-align: center;
                    .img1{
                        margin-bottom: 30px;
                        margin-top: 15px;
                    }
                    .kf{
                        width: 156px;
                        height: 32px;
                        font-size: 14px;
                        color: #ffffff;
                        background: #BC1C1C;
                        line-height: 32px;
                        margin: 0px auto;
                    }
                    .th{
                        font-size: 14px;
                        color: #727171;
                        line-height: 26px;
                        span{
                            color: #a10000;
                        }
                    }
                    .img2{
                        margin-bottom: 20px;
                        margin-top: 20px;
                    }
                    .img2{
                        margin-bottom: 10px;                       
                    }
                }
                .xian{
                    border-left: 1px solid #E0E0E1;
                    border-right: 1px solid #E0E0E1;
                }
            }
        }
        .down{
            width: 1118px;
            height: 47px;
            margin: 0px auto;
            background: #F8F8F8;
            padding-top: 15px;
            padding-left: 10px;
            ul{
                li{
                    width: 165px;
                    text-align: center;
                    font-size: 12px;
                    color: #323232;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    padding-left: 10px;
                    padding-right: 10px;
                    float: left;
                    line-height: 26px;
                    height: 26px;
                }
                .bor{
                    border-right: 1px solid #DADADB;
                }
            }

        }
        
    }
}
//底部
#db_box{
    width:100%;
    height: 140px;
    border-top: 1px solid black;
    margin-top: 20px;
    .db{
        width: 1200px;
        height: 140px;
        margin: 0px auto;
        text-align: center;
        p{
            margin-top: 10px;
            font-size: 12px;
        }
        .tu{
           margin-top: 30px; 
        }       
        img{
           margin-left: 10px;
           margin-right: 10px;     
        }
        
    }
}
